
/**
 * 在模拟 Vue.js 响应式源码的基础上实现 v-html 指令, 以及 v-on 指令。
 */

// 插值表达式
/* <h1>v-on</h1>
<div v-on="fun">点击事件，点我，点我</div>
<h1>v-html</h1>
<div v-html="rawHtml"></div> */

  // 处理 v-on指令
  onUpdater (node, value, key) {
    node.addEventListener("click", new Function(value), false);
    new Watcher(this.vm, key, (newValue) => {
      node.addEventListener("click", new Function(newValue), false);
    })
  }
  // 处理 v-html指令
  htmlUpdater (node, value, key) {
    node.innerHTML = value
    new Watcher(this.vm, key, (newValue) => {
      node.innerHTML = newValue
    })
  }